<template>
	<view class="earlyWarning">
		<view class="" style="height: 160rpx;">
			<view class="mail_List fixed z_ninetynine">
				<view class="mail" style="font-weight: 700;">
					<view class="order">支付订单详情</view>
				</view>
			</view>
			<view class="icon fixed z_ninetynine">
				<u-icon name="arrow-left" color="#fefefe" size="40" @click="navigateBack"></u-icon>
			</view>
		</view>
		<view class="second_card" style="margin: 0;">
			<view class="confirmPayment">
				请确认微信支付是否已经完成
			</view>
			<view class="paymentCompleted">
				<u-button type="success" size="medium" :plain="true" @click="payment">已完成支付</u-button>
			</view>
			<view class="repayments">
				<u-button type="error" size="medium" :plain="true">支付遇到问题，重新支付</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 农银支付跳转页面
			payment() {
				this.openUrl(
					'/pagesB/my/drivingPayment/orderDetails/subscriptionInformation/paymentOrder/successfulPayment/successfulPayment'
					)
			}
		}
	};
</script>

<style lang="scss" scoped>
	.earlyWarning {
		.mail_List {
			overflow: hidden;
			width: 100%;
			background-color: #f2f2f2;

			.mail {
				padding: 10rpx 0;
				// margin-top: 96rpx;
				color: #f2f2f2;
				font-size: 40rpx;
				background-color: #2e576f;
			}

			.order {
				text-align: center;
			}
		}

		.second_card {
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			align-items: center;
			position: absolute;
			top: 190rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 90%;
			height: 330rpx;
			border-radius: 12rpx;
			background-color: #ffffff;
			box-shadow: 0 5rpx 10rpx 5rpx #ccc;
		}
	}
</style>
